﻿<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
	    <meta name="viewport" content="width=device-width, initial-scale=1">
	    <title>Landrick - Documentation</title>
	    <meta name="description" content="Responsive Bootstrap Personal Template" />
	    <meta name="keywords" content="" />
	    <meta name="author" content="Shreethemes" />
  

	    <!-- favicon -->
        <link rel="shortcut icon" href="images/favicon.ico">
		<!-- Bootstrap core CSS -->
	    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
		<!-- Magnificpopup Css -->
	    <link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
	    <!-- Icons -->
        <link href="css/materialdesignicons.min.css" rel="stylesheet" type="text/css" />

	    <!-- Custom  Css -->
	    <link rel="stylesheet" type="text/css" href="css/style.css" />
	</head>

	<body>
		
		<div class="sidenav shadow bg-white">
			<div class="text-center logo-border border-bottom pt-0 pt-lg-5 pb-0 pb-lg-5">
				<div class="d-none d-lg-inline-block">
					<a class="logo scrollbtn" href="#home">
						<!-- Landrick<span class="text-primary">.</span> -->
						<img src="images/logo-dark.png" height="24" alt="">
					</a>
				</div>	
			</div>	
			<!-- NAVBAR -->
			<nav class="navbar navbar-expand-lg navbar-custom bg-white text-white sticky">
			    <div class="container">
					<a class="logo text-dark d-inline-block d-lg-none scrollbtn" href="#home"><img src="images/logo-dark.png" height="24" alt=""></a>
				    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
				        <span class="mdi mdi-menu"></span>
				    </button>

				    <div class="collapse navbar-collapse" id="navbarNav">
				        <ul class="navbar-nav nav flex-column">
				            <li class="nav-item active">
				                <a class="nav-link" href="#intro">Introduction</a>
				            </li>
				            <li class="nav-item">
				                <a class="nav-link" href="#structure">Structure</a>
				            </li>
				            <li class="nav-item">
				                <a class="nav-link" href="#credit">Credits</a>
				            </li>
				            <li class="nav-item">
				                <a class="nav-link" href="#support">Support</a>
				            </li>
				            <li class="nav-item">
				                <a class="nav-link" href="#changelog">Changelog</a>
							</li>
							<li class="nav-item">
				                <a class="nav-link" href="#changes">Changes in scss files & Images</a>
				            </li>
				        </ul>
				    </div>
			    </div>
			</nav>
			<!-- NAVBAR END-->

			 
		</div>

		<div class="main shadow bg-white">

			<!-- Main Title Start -->
			<section class="py-5 mt-lg-0 mt-5 bg-primary" id="home">
				<div class="container mt-lg-0 mt-2">
					<div class="row justify-content-center">
						<div class="col-12">
							<div class="text-center">
								<h3 class="text-white font-weight-bold">Landrick - Saas & Software Template</h3>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!-- Main Title End -->
			
			<!-- Intro Start -->
			<section class="section" id="intro">
				<div class="container">
					<div class="row">
						<div class="col-12">
							<div class="section-title mb-4">
								<h4 class="title">Introduction</h4>
							</div>

							<p class="text-muted"><strong>Landrick</strong> is a Powerful Saas & Software Bootstrap Template. It is an excellent HTML template for startup, Social media marketing, Digital markering/agency, Email Templates, Online Learning Course, coworking space, cloud hosting, car ride, classic saas, classic application, event, business, application, educational course, personal portfolio, services, enterprise, minimal portfolio single product, saas, marketing, agency, Careers, Customer Supports, Onepage Landing etc. Landrick is fully updated with latest bootstrap v4.5. It is 100% responsive and looks stunning on all types of screens and devices. Users will love your site because it gives them a unique user experience (UX), clean, modern & beautiful design. They are also easy to customize and to combine with other components.</p>
							<p class="text-muted">We have added a <strong>Dark version with RTL supported</strong> in both Light and Dark version.</p>
							<p class="text-muted">We have added a new demos and important inner pages and fixed responsive issues.</p>
							<p class="text-muted mb-0">Please feel free to get back to me in case if you are having any question or feedback.</p>
						</div>
					</div>
				</div>
			</section>
			<!-- Intro End -->

			<!-- structure Start -->
			<section class="section bg-light" id="structure">
				<div class="container">
					<div class="row">
						<div class="col-12">
							<div class="section-title mb-4">
								<h4 class="title">Structure</h4>
							</div>
							<p class="text-muted mb-0">I have tried to follow the standards and modular structure while developing the theme. Following sections are explaining the theme File & Folder, structure, html file struture and plugins.</p>
						
							<h5 class="mt-5 mb-3"><i class="mdi mdi-chevron-right"></i> File & Folder Structure</h5>
							<pre class="prettyprint text-muted bg-white mb-0 border p-4 rounded">
<span class="font-weight-bold h4">Landrick v2.5</span>
|
├── <b class="text-primary h5"><i class="mdi mdi-file-document"></i> html files</b>
│   └── Something 113 html pages
│
├── <b class="text-primary h5"><i class="mdi mdi-folder-open"></i> css/</b>
│   └── <b class="text-success"><i class="mdi mdi-folder-open"></i> colors</b>
│   │   └── <i class="mdi mdi-file-document"></i> default.css
│   │   └── <i class="mdi mdi-file-document"></i> cyan.css
│   │   └── <i class="mdi mdi-file-document"></i> green.css
│   │   └── <i class="mdi mdi-file-document"></i> red.css
│   │   └── <i class="mdi mdi-file-document"></i> skobleoff.css
│   │   └── <i class="mdi mdi-file-document"></i> skyblue.css
│   │   └── <i class="mdi mdi-file-document"></i> slateblue.css
│   │   └── <i class="mdi mdi-file-document"></i> purple.css
│   │
│   └── <i class="mdi mdi-file-document"></i> bootstrap.css
│   └── <i class="mdi mdi-file-document"></i> animate.css
│   └── <i class="mdi mdi-file-document"></i> animation-delay.css
│   └── <i class="mdi mdi-file-document"></i> aos.css
│   └── <i class="mdi mdi-file-document"></i> flatpickr.min.css
│   └── <i class="mdi mdi-file-document"></i> flexslider.css
│   └── <i class="mdi mdi-file-document"></i> magnific-popup.css
│   └── <i class="mdi mdi-file-document"></i> materialdesignicons.min.css
│   └── <i class="mdi mdi-file-document"></i> materialdesignicons.css
│   └── <i class="mdi mdi-file-document"></i> owl.carousel.min.css
│   └── <i class="mdi mdi-file-document"></i> owl.theme.default.min.css
│   └── <i class="mdi mdi-file-document"></i> owl.transitions.css
│   └── <i class="mdi mdi-file-document"></i> slick-theme.css
│   └── <i class="mdi mdi-file-document"></i> slick.css
│   └── <i class="mdi mdi-file-document"></i> swiper.min.css
│   └── <i class="mdi mdi-file-document"></i> style-dark.css
│   └── <i class="mdi mdi-file-document"></i> style-dark-rtl.css
│   └── <i class="mdi mdi-file-document"></i> style-rtl.css
│   └── <i class="mdi mdi-file-document"></i> style.css
│
├── <b class="text-primary h5"><i class="mdi mdi-folder-open"></i> fonts/</b>
│   └── <i class="mdi mdi-file-document"></i> ajex-loader.gif
│   └── <i class="mdi mdi-file-document"></i> materialdesignicons-webfont.eot
│   └── <i class="mdi mdi-file-document"></i> materialdesignicons-webfont.svg
│   └── <i class="mdi mdi-file-document"></i> materialdesignicons-webfont.ttf
│   └── <i class="mdi mdi-file-document"></i> materialdesignicons-webfont.woff
│   └── <i class="mdi mdi-file-document"></i> materialdesignicons-webfont.woff2
│   └── <i class="mdi mdi-file-document"></i> slick.ttf
│   └── <i class="mdi mdi-file-document"></i> slick.woff
│
├── <b class="text-primary h5"><i class="mdi mdi-folder-open"></i> images/</b>
│   └── <i class="mdi mdi-image"></i> All dummy images
│
├── <b class="text-primary h5"><i class="mdi mdi-folder-open"></i> scss/</b>
│   └── <b class="text-success"><i class="mdi mdi-folder-open"></i> dark</b>
│   │	└── <b class="text-danger"><i class="mdi mdi-folder-open"></i> rtl</b>
│   │	│	└── <i class="mdi mdi-file-document"></i> _bootstrap-custom-rtl.scss
│   │	│	└── <i class="mdi mdi-file-document"></i> _components-rtl.scss
│   │	│	└── <i class="mdi mdi-file-document"></i> _general-rtl.scss
│   │	│	└── <i class="mdi mdi-file-document"></i> _helper-rtl.scss
│   │	│	└── <i class="mdi mdi-file-document"></i> _menu-rtl.scss
│   │	│
│   │	└── <i class="mdi mdi-file-document"></i> _bootstrap-custom.scss
│   │	└── <i class="mdi mdi-file-document"></i> _components.scss
│   │	└── <i class="mdi mdi-file-document"></i> _general.scss
│   │	└── <i class="mdi mdi-file-document"></i> _helper.scss
│   │	└── <i class="mdi mdi-file-document"></i> _menu.scss
│   │	└── <i class="mdi mdi-file-document"></i> _variables.scss
│   │
│   └── <b class="text-success"><i class="mdi mdi-folder-open"></i> rtl</b>
│   │	└── <i class="mdi mdi-file-document"></i> _bootstrap-custom-rtl.scss
│   │	└── <i class="mdi mdi-file-document"></i> _components-rtl.scss
│   │	└── <i class="mdi mdi-file-document"></i> _general-rtl.scss
│   │	└── <i class="mdi mdi-file-document"></i> _helper-rtl.scss
│   │	└── <i class="mdi mdi-file-document"></i> _menu-rtl.scss 
│   │
│   └── <i class="mdi mdi-file-document"></i> _blog.scss
│   └── <i class="mdi mdi-file-document"></i> _bootstrap-custom.scss
│   └── <i class="mdi mdi-file-document"></i> _components.scss
│   └── <i class="mdi mdi-file-document"></i> _contact.scss
│   └── <i class="mdi mdi-file-document"></i> _countdown.scss
│   └── <i class="mdi mdi-file-document"></i> _cta.scss
│   └── <i class="mdi mdi-file-document"></i> _features.scss
│   └── <i class="mdi mdi-file-document"></i> _footer.scss
│   └── <i class="mdi mdi-file-document"></i> _general.scss
│   └── <i class="mdi mdi-file-document"></i> _helper.scss
│   └── <i class="mdi mdi-file-document"></i> _home.scss
│   └── <i class="mdi mdi-file-document"></i> _menu.scss
│   └── <i class="mdi mdi-file-document"></i> _price.scss
│   └── <i class="mdi mdi-file-document"></i> _team.scss
│   └── <i class="mdi mdi-file-document"></i> _testi.scss
│   └── <i class="mdi mdi-file-document"></i> _user.scss
│   └── <i class="mdi mdi-file-document"></i> _variables.scss
│   └── <i class="mdi mdi-file-document"></i> _work.scss
│   └── <i class="mdi mdi-file-document"></i> style-dark-rtl.scss
│   └── <i class="mdi mdi-file-document"></i> style-dark.scss
│   └── <i class="mdi mdi-file-document"></i> style-rtl.scss
│   └── <i class="mdi mdi-file-document"></i> style.scss
│
├── <b class="text-primary h5"><i class="mdi mdi-folder-open"></i> php/</b>
│   └── <i class="mdi mdi-file-document"></i> contact.php file
│
└── <b class="text-primary h5"><i class="mdi mdi-folder-open"></i> js/</b>
    └── <i class="mdi mdi-file-document"></i> app.js
    └── <i class="mdi mdi-file-document"></i> bootstrap-bundle.min.js
    └── <i class="mdi mdi-file-document"></i> jquery-3.4.1.js
    └── <i class="mdi mdi-file-document"></i> jquery.easing.min.js
    └── <i class="mdi mdi-file-document"></i> scrollspy.min.js
    └── <i class="mdi mdi-file-document"></i> aos.js
    └── <i class="mdi mdi-file-document"></i> contact.js
    └── <i class="mdi mdi-file-document"></i> counter.init.js
    └── <i class="mdi mdi-file-document"></i> feather.min.js
    └── <i class="mdi mdi-file-document"></i> flatpickr.min.js
    └── <i class="mdi mdi-file-document"></i> flatpickr.init.js
    └── <i class="mdi mdi-file-document"></i> flexslider.min.js
    └── <i class="mdi mdi-file-document"></i> flexslider.init.js
    └── <i class="mdi mdi-file-document"></i> jquery.countdown.min.js
    └── <i class="mdi mdi-file-document"></i> jquery.countdown.js
    └── <i class="mdi mdi-file-document"></i> countdown.init.js
    └── <i class="mdi mdi-file-document"></i> isotope.js
    └── <i class="mdi mdi-file-document"></i> jquery.magnific-popup.min.js
    └── <i class="mdi mdi-file-document"></i> magnific.init.js
    └── <i class="mdi mdi-file-document"></i> portfolio.init.js
    └── <i class="mdi mdi-file-document"></i> jquery.mb.YTPlayer.min.js
    └── <i class="mdi mdi-file-document"></i> maintenance.init.js
    └── <i class="mdi mdi-file-document"></i> owl.carousel.min.js
    └── <i class="mdi mdi-file-document"></i> owl.init.js
    └── <i class="mdi mdi-file-document"></i> swiper.min.js
    └── <i class="mdi mdi-file-document"></i> swiper.init.js
    └── <i class="mdi mdi-file-document"></i> parallax.js
    └── <i class="mdi mdi-file-document"></i> slick.min.js
    └── <i class="mdi mdi-file-document"></i> slick.init.js
    └── <i class="mdi mdi-file-document"></i> small_menu.js
    └── <i class="mdi mdi-file-document"></i> typed.js
    └── <i class="mdi mdi-file-document"></i> typed.init.js </pre>

							<h5 class="mt-5 mb-3"><i class="mdi mdi-chevron-right"></i> HTML Structure</h5>
							<pre class="code mb-0 mt-4 font-weight-bold p-4 bg-white rounded border text-muted">
<span class="text-primary">&lt;!doctype html&gt;</span>
<span class="text-warning">&lt;html lang="en"&gt;</span>
    <span class="text-danger">&lt;head&gt;</span>

        <span class="text-danger">&lt;meta charset="utf-8" /&gt;</span>
        <span class="text-danger">&lt;title&gt;</span><span class="text-primary"> Landrick - Saas & Software Landing Page Template </span><span class="text-danger">&lt;/title&gt;</span>
        <span class="text-danger">&lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;</span>
        <span class="text-danger">&lt;meta name="description" content="Site description" /&gt;</span>
        <span class="text-danger">&lt;meta name="keywords" content="Your tags" /&gt;</span>

        <span class="text-muted">&lt;!-- favicon icon --&gt;</span>
        <span class="text-info">&lt;link rel="shortcut icon" href="images/favicon.ico"&gt;</span>

        <span class="text-muted">&lt;!-- Bootstrap --&gt;</span>
        <span class="text-info">&lt;link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" /&gt;</span>

        <span class="text-muted">&lt;!-- Main css --&gt;</span>
        <span class="text-info">&lt;link href="css/style.css" rel="stylesheet" type="text/css" /&gt;</span>
        <span class="text-info">&lt;link href="css/colors/default.css" rel="stylesheet" id="color-opt" /&gt;</span>
    
    <span class="text-danger">&lt;/head&gt;</span>

    <span class="text-danger">&lt;body&gt;</span>

        <span class="text-muted">&lt;!-- Loader Start --&gt;</span>
        <span class="text-danger">&lt;div id="#--------"&gt;</span>
            --------
            --------
        <span class="text-danger">&lt;/div&gt;</span>
        <span class="text-muted">&lt;!-- Loader End --&gt;</span>

        <span class="text-muted">&lt;!-- Navbar Start --&gt;</span>
        <span class="text-danger">&lt;header&gt;</span>
            <span class="text-danger">&lt;div class="--------"&gt;</span>
                --------
                --------
                --------
                --------
            <span class="text-danger">&lt;/div&gt;</span>
        <span class="text-danger">&lt;/header&gt;</span>
        <span class="text-muted">&lt;!-- Navbar End --&gt;</span>

        <span class="text-muted">&lt;!-- Hero Start --&gt;</span>
        <span class="text-danger">&lt;section class="--------"&gt;</span>
            <span class="text-danger">&lt;div class="--------"&gt;</span>
                --------
                --------
                --------
                --------
            <span class="text-danger">&lt;/div&gt;</span>
        <span class="text-danger">&lt;/section&gt;</span>
        <span class="text-muted">&lt;!-- Hero End --&gt;</span>

        <span class="text-muted">&lt;!-- Footer Start --&gt;</span>
        <span class="text-danger">&lt;footer&gt;</span>
            <span class="text-danger">&lt;div class="--------"&gt;</span>
                --------
                --------
                --------
                --------
            <span class="text-danger">&lt;/div&gt;</span>
        <span class="text-danger">&lt;/footer&gt;</span>
        <span class="text-muted">&lt;!-- Footer End --&gt;</span>

        <span class="text-muted">&lt;!-- Back To Home Start --&gt;</span>
        <span class="text-danger">&lt;a href="#" class="--------" id="#--------"&gt;</span>
            --------
            --------
        <span class="text-danger">&lt;/a&gt;</span>
        <span class="text-muted">&lt;!-- Back To Home End --&gt;</span>

        <span class="text-muted">&lt;!-- Javascript Start --&gt;</span>
        <span class="text-info">&lt;script src="js/jquery-3.4.1.min.js"&gt;&lt;/script&gt;</span>
        <span class="text-info">&lt;script src="js/bootstrap.bundle.min.js"&gt;&lt;/script&gt;</span>
        --------
        --------
        --------
        <span class="text-info">&lt;script src="js/app.js"&gt;&lt;/script&gt;</span>
        <span class="text-muted">&lt;!-- Javascript End --&gt;</span>
    <span class="text-danger">&lt;/body&gt;</span>
<span class="text-warning">&lt;/html&gt;</span>
                        </pre><!--end pre code-->
							<!-- <img src="images/html.png" class="img-fluid rounded border" alt=""> -->

							<h5 class="mt-5 mb-3"><i class="mdi mdi-chevron-right"></i> CSS</h5>
							<p class="text-muted">Files are explained below: </p>

							<table class="table table-bordered m-0">
								<thead>
									<tr>
										<th style="width: 20%;"><i class="ti-file"></i> File</th>
										<th>Description</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>
											<code>bootstrap.min.css</code>
										</td>
										<td>
											Landrick uses the latest bootstrap v4.4.1. The core bootstrap file is being used in all the pages.
										</td>
									</tr>

									<tr>
										<td>
											<code>style.css</code>
										</td>
										<td>
											This file is containing all common styles for all the pages.
										</td>
									</tr>
									
									<tr>
										<td>
											<code>style-rtl.css</code>
										</td>
										<td>
											In order to have <b>RTL</b> mode enabled, replace the reference of <code class="font-weight-bold">style.css</code> to <code class="font-weight-bold">style-rtl.css</code>
										</td>
									</tr>
									<tr>
										<td>
											<code>style-dark.css</code>
										</td>
										<td>
											In order to have <b>Dark</b> mode enabled, replace the reference of <code class="font-weight-bold">style.css</code> to <code class="font-weight-bold">style-dark.css</code>
										</td>
									</tr>
									<tr>
										<td>
											<code>style-dark-rtl.css</code>
										</td>
										<td>
											In order to have <b>Dark RTL</b> mode enabled, replace the reference of <code class="font-weight-bold">style.css</code> to <code class="font-weight-bold">style-dark-rtl.css</code>
										</td>
									</tr>
								</tbody>
							</table>

							<h5 class="mt-5 mb-3"><i class="mdi mdi-chevron-right"></i> Javascript</h5>
							<p class="text-muted">Files are explained below: </p>

							<table class="table table-bordered m-0">
								<thead>
									<tr>
										<th style="width: 20%;"><i class="ti-file"></i> File</th>
										<th>Description</th>
									</tr>
								</thead>
								<tbody>
									
									<tr>
										<td>
											<code>app.js</code>
										</td>
										<td>
											This is a main js file. It contains the custom JS code needed for features including
											layout, sidebar, etc.
										</td>
									</tr>
								</tbody>
							</table>

							<h5 class="mt-5 mb-3"><i class="mdi mdi-chevron-right"></i> Menu</h5>
							<p class="text-muted">Some changes like that: </p>

							<h6>1) Menu Center to Right</h6>
							<p class="h6 text-muted"><i class="mdi mdi-arrow-right mr-2"></i>To move menu from center to right side then just add class <code>navigation-menu</code> along with <code>nav-right</code>.</p>
							<div class="row">
								<div class="col-12 mt-3">
									<h6 class="mb-3">Navbar Center</h6>
									<img src="images/nav-center.png" class="img-fluid rounded shadow" alt="">
								</div>
								<div class="col-12 mt-3">
									<h6 class="mb-3">Navbar Right</h6>
									<img src="images/nav-right.png" class="img-fluid rounded shadow" alt="">
								</div>
							</div>

							<h6 class="mt-5">2) Menu Center to Left</h6>
							<p class="h6 text-muted"><i class="mdi mdi-arrow-right mr-2"></i>To move menu from center to Left side then just add class <code>navigation-menu</code> along with <code>nav-left</code>.</p>
							<div class="row">
								<div class="col-12 mt-3">
									<h6 class="mb-3">Navbar Left</h6>
									<img src="images/nav-left.png" class="img-fluid rounded shadow" alt="">
								</div>
							</div>

							<h6 class="mt-5">3) Menu Light</h6>
							<p class="h6 text-muted"><i class="mdi mdi-arrow-right mr-2"></i>If you want menu center and light navigation just add class <code>navigation-menu</code> along with <code>nav-light</code>.</p>
							<div class="row">
								<div class="col-12 mt-3">
									<h6 class="mb-3">Navbar Light with Center</h6>
									<img src="images/nav-light-center.png" class="img-fluid rounded shadow" alt="">
								</div>
								<div class="col-12 mt-3">
									<h6>Navbar Light with Right</h6>
									<p class="h6 text-muted mb-3"><i class="mdi mdi-arrow-right mr-2"></i>If you want menu right side and light navigation just add class <code>navigation-menu nav-right</code> along with <code>nav-light</code>.</p>
									<img src="images/nav-light-right.png" class="img-fluid rounded shadow" alt="">
								</div>
								<div class="col-12 mt-3">
									<h6>Navbar Light with Left</h6>
									<p class="h6 text-muted mb-3"><i class="mdi mdi-arrow-right mr-2"></i>If you want menu left side and light navigation just add class <code>navigation-menu nav-left</code> along with <code>nav-light</code>.</p>
									<img src="images/nav-light-left.png" class="img-fluid rounded shadow" alt="">
								</div>
							</div>
							

							<h5 class="mt-5 mb-3"><i class="mdi mdi-chevron-right"></i> Loader</h5>
							<p class="text-muted">To add <code>loader</code> you need to add the below code after the <code>&lt;body&gt;</code> tag.</p>
							<div class="bg-white p-4 border rounded">
								<code class="text-danger">
									&lt;-- loader start --&gt;<br>
									&lt;div id="preloader""&gt;<br>&nbsp;&nbsp;
									&lt;div id="status"&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;
									&lt;div class="spinner"&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									&lt;div class="double-bounce1"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
									&lt;div class="double-bounce2"&gt;&lt;/div&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;
									&lt;/div&gt;<br>&nbsp;&nbsp;
									&lt;/div&gt;<br>
									&lt;/div&gt;<br>
									&lt;-- loader end --&gt; 
								</code>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!-- structure End -->

			<!-- credit Start -->
			<section class="section" id="credit">
				<div class="container">
					<div class="row">
						<div class="col-12">
							<div class="section-title mb-4">
								<h4 class="title">Credits & Official Documentation</h4>
							</div>
							<p class="text-muted">We've used the following resources as listed. These are some awesome creation and we are thankful to the community.</p>

							<ul class="list-unstyled mb-0 mt-4 credit-links">
								<li><i class="mdi mdi-arrow-right text-success mr-2"></i><a href="https://getbootstrap.com/" rel="nofollow" class="text-dark h6" target="_blank">Bootstrap 4.5</a></li>
								<li><i class="mdi mdi-arrow-right text-success mr-2"></i><a href="https://jquery.com/" rel="nofollow" class="text-dark h6" target="_blank">Jquery</a></li>
								<li><i class="mdi mdi-arrow-right text-success mr-2"></i><a href="https://feathericons.com/" rel="nofollow" class="text-dark h6" target="_blank">Feather Icons</a></li>
								<li><i class="mdi mdi-arrow-right text-success mr-2"></i><a href="https://materialdesignicons.com/" rel="nofollow" class="text-dark h6" target="_blank">Material Design Icons</a></li>
								<li><i class="mdi mdi-arrow-right text-success mr-2"></i><a href="https://www.flaticon.com/packs/basic-icon" rel="nofollow" class="text-dark h6" target="_blank">Flaticon Icons</a></li>
								<li><i class="mdi mdi-arrow-right text-success mr-2"></i><a href="https://iconscout.com/unicons" rel="nofollow" class="text-dark h6" target="_blank">Iconscout Icons</a></li>
								<li><i class="mdi mdi-arrow-right text-success mr-2"></i><a href="http://owlgraphic.com/owlcarousel/" rel="nofollow" class="text-dark h6" target="_blank">Owl Carousel</a></li>
								<li><i class="mdi mdi-arrow-right text-success mr-2"></i><a href="http://www.idangero.us/swiper/" rel="nofollow" class="text-dark h6" target="_blank">Swiper Slider</a></li>
								<li><i class="mdi mdi-arrow-right text-success mr-2"></i><a href="http://www.woothemes.com/flexslider/" rel="nofollow" class="text-dark h6" target="_blank">Flex Slider</a></li>
								<li><i class="mdi mdi-arrow-right text-success mr-2"></i><a href="http://kenwheeler.github.io" rel="nofollow" class="text-dark h6" target="_blank">Slick Slider</a></li>
								<li><i class="mdi mdi-arrow-right text-success mr-2"></i><a href="https://github.com/nk-o/jarallax" rel="nofollow" class="text-dark h6" target="_blank">Parallax</a></li>
								<li><i class="mdi mdi-arrow-right text-success mr-2"></i><a href="http://github.com/hilios/jquery.countdown" rel="nofollow" class="text-dark h6" target="_blank">Countdown</a></li>
								<li><i class="mdi mdi-arrow-right text-success mr-2"></i><a href="http://dimsemenov.com/plugins/magnific-popup/" rel="nofollow" class="text-dark h6" target="_blank">Magnific Popup</a></li>
								<li><i class="mdi mdi-arrow-right text-success mr-2"></i><a href="www.mattboldt.com" rel="nofollow" class="text-dark h6" target="_blank">Typed Text</a></li>
								<li><i class="mdi mdi-arrow-right text-success mr-2"></i><a href="https://lukaszadam.com/illustrations" rel="nofollow" class="text-dark h6" target="_blank">Lukaszadam Illustrations Images</a></li>
								<li><i class="mdi mdi-arrow-right text-success mr-2"></i><a href="https://stories.freepik.com/" rel="nofollow" class="text-dark h6" target="_blank">Stories Illustrations Images</a></li>
								<li><i class="mdi mdi-arrow-right text-success mr-2"></i><a href="https://gallery.manypixels.co/" rel="nofollow" class="text-dark h6" target="_blank">Manypixels Illustrations Images</a></li>
								<li><i class="mdi mdi-arrow-right text-success mr-2"></i><a href="https://isometric.online/" rel="nofollow" class="text-dark h6" target="_blank">Isometric Illustrations Images</a></li>
								<li><i class="mdi mdi-arrow-right text-success mr-2"></i><a href="https://flatpickr.js.org/" rel="nofollow" class="text-dark h6" target="_blank">Flatpickr - Datepicker</a></li>
								<li><i class="mdi mdi-arrow-right text-success mr-2"></i><a href="https://www.freepik.com/home" rel="nofollow" class="text-dark h6" target="_blank">Freepic Images</a></li>
								<li><i class="mdi mdi-arrow-right text-success mr-2"></i><a href="https://unsplash.com/" rel="nofollow" class="text-dark h6" target="_blank">Unsplash Images</a></li>
								<li><i class="mdi mdi-arrow-right text-success mr-2"></i><a href="http://daneden.me/animate" rel="nofollow" class="text-dark h6" target="_blank">Animation Plugin</a></li>
								<li><i class="mdi mdi-arrow-right text-success mr-2"></i><a href="https://michalsnik.github.io/aos/" rel="nofollow" class="text-dark h6" target="_blank">AOS Animation Plugin</a></li>
							</ul>
						</div>
					</div>
				</div>
			</section>
			<!-- credit End -->

			<!-- support Start -->
			<section class="section bg-light" id="support">
				<div class="container">
					<div class="row">
						<div class="col-12">
							<div class="section-title mb-4">
								<h4 class="title">Supports</h4>
							</div>
							<p class="text-muted">Once again thank you for your purchase. I'll be happy to answer the the questions you have related to the theme. In case if you have any suggestion or feature, request please feel free to contact me, I'll try to implement it and will release as part of future updates.</p>
							<p class="text-muted">If you have any questions that are beyond the scope of this documentation, please feel free to email or contact us via my page.</p>
							<p class="text-muted">Stay awesome</p>
							<h6 class="mb-0 text-primary">- Shreethemes</h6>
						</div>
					</div>
				</div>
			</section>
			<!-- support End -->

			<!-- changelog Start -->
			<section class="section" id="changelog">
				<div class="container">
					<div class="row">
						<div class="col-12">
							<div class="section-title mb-4">
								<h4 class="title">Changelog</h4>
							</div>

							<!-- v2.5.1 -->
                            <div class="mt-4">
								<p><span class="font-weight-bold text-primary">Version v2.5.1 </span> -<span class="text-muted"> 1st August 2020</span></p>
								<ul class="list-unstyled">
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i><span class="font-weight-bold">Fixed :</span> Fixed some menu and responsive issues (Changes in css) </li>
								</ul>
							</div>
							<!-- v2.5.1 -->

							<!-- v2.5 -->
                            <div class="mt-4">
								<p><span class="font-weight-bold text-primary">Version v2.5 </span> -<span class="text-muted"> 31st July, 2020</span></p>
								<ul class="list-unstyled">
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i><span class="font-weight-bold">New :</span> IT Solution Landing </li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i><span class="font-weight-bold">New :</span> Corporate Business </li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i><span class="font-weight-bold">New :</span> Email Inbox landing </li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i><span class="font-weight-bold">New :</span> Task Management Landing </li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i><span class="font-weight-bold">New :</span> Travel Landing </li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i><span class="font-weight-bold">New :</span> Blog Landing </li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i><span class="font-weight-bold">New :</span> Landing One </li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i><span class="font-weight-bold">New :</span> Landing Two </li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i><span class="font-weight-bold">New :</span> Landing Three</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i><span class="font-weight-bold">New :</span> Forums 
										<ul class="list-unstyled ml-4 mt-2">
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Forum Topic</li>
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Forum Comments</li>
										</ul>
									</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i><span class="font-weight-bold">New :</span> Case Study Pages
										<ul class="list-unstyled ml-4 mt-2">
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>All Cases</li>
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Case Details</li>
										</ul>
									</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i><span class="font-weight-bold">Added :</span> New Blog Details Page</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i><span class="font-weight-bold">Added :</span> New About Us Page</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i><span class="font-weight-bold">Added :</span> New Company History Page</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i><span class="font-weight-bold">Added :</span> User Account Pages
										<ul class="list-unstyled ml-4 mt-2">
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Profile Members</li>
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Profile Works</li>
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Profile Messages</li>
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Profile Payments</li>
										</ul>
									</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i><span class="font-weight-bold">Fixed :</span> Fixed issue in Comingsoon page</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i><span class="font-weight-bold">Fixed :</span> Fixed issue in Comingsoon two page</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i><span class="font-weight-bold">Fixed :</span> Fixed issue in Maintenance page</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i><span class="font-weight-bold">Added :</span> 8 Elegent Color schemes</li>
								</ul>
							</div>
							<!-- v2.5 -->
							
							<!-- V2.2 Start -->
							<div class="mt-4">
								<p><span class="font-weight-bold text-primary">Version v2.2 </span> -<span class="text-muted"> 26th May 2020</span></p>

								<ul class="list-unstyled">
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Update Latest Bootstrap v4.5</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Update Latest Jquery v3.5.1</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Update Latest Material Design Icons v5.3.45</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>New Shop landing  landing</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>New Added Shop Inner Pages
										<ul class="list-unstyled ml-4 mt-2">
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Shop Products</li>
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Product Details</li>
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Shop Cart</li>
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Checkouts</li>
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>My Profile / Account</li>
										</ul>
									</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>New Insurance Landing Live Preview</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>New E-Book Landing Live Preview</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>New Added Help Center Pages
										<ul class="list-unstyled ml-4 mt-2">
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Help center(Overview)</li>
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>FAQs</li>
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Guides</li>
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Request Form</li>
										</ul>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Fixed some menu issues</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Menu easily move center to right (css based) and add light menu (css based)</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Fixed some responsive issues</li>
								</ul>
							</div>
							<!-- V2.2 End -->

							<!-- V2.1 Start -->
							<div class="mt-4">
								<p><span class="font-weight-bold text-primary">Version v2.1 </span> -<span class="text-muted"> 1st April, 2020</span></p>

								<ul class="list-unstyled">
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Update Latest Jquery v3.4.1</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>New Social Marketing landing</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>New Digital Agency Landing</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>New Online Learning Landing</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>New Email Template
										<ul class="list-unstyled ml-4 mt-2">
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Email Confirmation</li>
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Email Alert</li>
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Email Invoice/Billing</li>
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Email Forgot Password</li>
										</ul>
									</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Add New Blog Pages
										<ul class="list-unstyled ml-4 mt-2">
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Blog Listing Page</li>
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Blog Listing with sidebar Page</li>
										</ul>
									</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Add New Work or Portfolio Pages
										<ul class="list-unstyled ml-4 mt-2">
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Work Classic</li>
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Work Grids</li>
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Work Masonry</li>
										</ul>
									</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Add New Authentication Pages
										<ul class="list-unstyled ml-4 mt-2">
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Login Page</li>
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Signup Page</li>
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Recover Password Page</li>
										</ul>
									</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added new components in Components Page</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Update Documentation</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Fixed couples of issues</li>
								</ul>
							</div>
							<!-- V2.1 Start -->

							<!-- V2.0 Start -->
							<div class="mt-4">
								<p><span class="font-weight-bold text-primary">Version v2.0 </span> -<span class="text-muted"> 5th February, 2020</span></p>
											 
								<ul class="list-unstyled">
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>New Classic Application Landing Page</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>New Classic Saas Landing Page</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>New Car Ride Landing Page</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Add New Job page in Careers pages</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added new components in Components Page</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>New <span class="text-success">RTL Version</span> (Only CSS Base)</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>New <span class="text-success">Dark Version</span> (Only CSS Base)</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>New <span class="text-success">Dark RTL Version</span> (Only CSS Base)</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Fixed couple of issues in One Page Menu</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Fixed couple of issues in mega Menu</li>
								</ul>
							</div>
							<!-- V2.0 Start -->

							<!-- V1.6 Start -->
							<div class="mt-4">
								<p><span class="font-weight-bold text-primary">Version v1.6 </span> -<span class="text-muted"> 11th December, 2019</span></p>
											 
								<ul class="list-unstyled">
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Update Bootstrap to v4.4.1</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>New Job Landing Page</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>New Customer Support Landing Page</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>New Onpage Landing Page</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>New Account Pages
										<ul class="list-unstyled ml-4 mt-2">
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Profile Page</li>
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Profile Setting Page</li>
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Bill Invoice</li>
										</ul>
									</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>New Widget Page</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added Careers Pages
										<ul class="list-unstyled ml-4 mt-2">
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Candidate Profile</li>
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Company Profile</li>
										</ul>
									</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Fixed Responsive Issue</li>
								</ul>
							</div>
							<!-- V1.6 Start -->

							<!-- V1.5 Start -->
							<div class="mt-4">
								<p><span class="font-weight-bold text-primary">Version v1.5 </span> -<span class="text-muted"> 20th November, 2019</span></p>
											 
								<ul class="list-unstyled">
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added RTL Supported Version</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added Payments Landing Page</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added Cryptocurrency Landing Page</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added Software Landing Page</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added Comingsoon Page</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Fixed Responsive and Menu Issue</li>
								</ul>
							</div>
							<!-- V1.5 Start -->

							<!-- V1.4 Start -->
							<div class="mt-4">
								<p><span class="font-weight-bold text-primary">Version v1.4 </span> -<span class="text-muted"> 15th October, 2019</span></p>
											 
								<ul class="list-unstyled">
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added Enterprise Landing</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added Minimal Portfolio Landing</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added Services Landing</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added Three New Contact Pages</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added Docs Pages
										<ul class="list-unstyled ml-4 mt-2">
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Documentation</li>
											<li class="h6"><i class="mdi mdi-arrow-right-circle-outline mr-2"></i>Changelog</li>
										</ul>
									</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Fixed Testimonial Bugs Issue</li>
								</ul>
							</div>
							<!-- V1.4 Start -->

							<!-- V1.3 Start -->
							<div class="mt-4">
								<p><span class="font-weight-bold text-primary">Version v1.3 </span> -<span class="text-muted"> 1st October, 2019</span></p>
											 
								<ul class="list-unstyled">
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added Educational Course Landing</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added Personal Portfolio Landing</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added Single Product Landing</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added Three New Cover User Pages</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Fixed Menu Issue</li>
								</ul>
							</div>
							<!-- V1.3 Start -->

							<!-- V1.2 Start -->
							<div class="mt-4">
								<p><span class="font-weight-bold text-primary">Version v1.2 </span> -<span class="text-muted"> 17th September, 2019</span></p>
											 
								<ul class="list-unstyled">
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added Coworking space Landing</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added Event Landing</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added Cloud Hosting Landing</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added Portfolio or Pages</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added Some Utility Pages</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added Some Components</li>
								</ul>
							</div>
							<!-- V1.2 Start -->

							<!-- V1.1 Start -->
							<div class="mt-4">
								<p><span class="font-weight-bold text-primary">Version v1.1 </span> -<span class="text-muted"> 7th September, 2019</span></p>
											 
								<ul class="list-unstyled">
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added Hotel Landing</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added Modern Business Landing</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Added Customer Supports, Onepage Landing Pages</li>
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Fixed Menu or Responsive Issue</li>
								</ul>
							</div>
							<!-- V1.1 Start -->

							<!-- V1.0 Start -->
							<div class="mt-4">
								<p><span class="font-weight-bold text-primary">Version v1.0 </span> -<span class="text-muted"> 29th August, 2019</span></p>
											 
								<ul class="list-unstyled">
									<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i> Initial Released</li>
								</ul>
							</div>
							<!-- V1.0 Start -->
						</div>
					</div>
				</div>
			</section>
			<!-- changelog End -->

			<!-- Changes Start -->
			<section class="section bg-light" id="changes">
				<div class="container">
					<div class="row">
						<div class="col-12">
							<div class="section-title mb-4">
								<h4 class="title">Changes in SCSS files <span class="badge badge-pill badge-danger mr-1">v2.5</span></h4>
								<p class="text-muted para-desc mb-0">Some add and changes CSS in SCSS files are here,</p>
							</div>

							<ul class="list-unstyled">
								<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>_bootstrap-custom.scss</li>
								<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>_components.scss</li>
								<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>_features.scss</li>
								<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>_helper.scss</li>
								<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>_home.scss</li>
								<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>_menu.scss</li>
								<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>_user.scss</li>
								<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>_variables.scss</li>
								<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>_work.scss</li>
							</ul>
							<p class="text-muted mb-0"><span class="text-danger h6 mb-0">Note:</span> Full folder replace Dark version scss and RTL version scss</p>

							<div class="section-title mt-5 mb-4">
								<h4 class="title">Changes in Images <span class="badge badge-pill badge-danger mr-1">v2.5</span></h4>
								<p class="text-muted para-desc mb-0">Replace some <code class="font-weight-bold">.png</code> images with <code class="font-weight-bold">.svg</code> images:</p>
							</div>
							<ul class="list-unstyled mb-0">
								<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Path: HTML/images/customer/customer.svg</li>
								<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Path: HTML/images/user/login.svg</li>
								<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Path: HTML/images/user/recovery.svg</li>
								<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Path: HTML/images/user/signup.svg</li>
								<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Path: HTML/images/contact.svg</li>
								<li class="h6"><i class="mdi mdi-arrow-right mr-2"></i>Path: HTML/images/404.svg</li>
							</ul>
						</div>
					</div>
				</div>
			</section>
			<!-- Changes End -->
 

			 
			<!-- Footer End -->

			<!-- JAVASCRIPTS -->
		    <script src="js/jquery.min.js"></script>
			<script src="js/bootstrap.bundle.min.js"></script>
			<script src="js/jquery.easing.min.js"></script>
			<script src="js/scrollspy.min.js"></script>
		    <!-- Custom -->
			<script src="js/app.js"></script>
		</div>		
	</body>
</html>